<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#body{
				background-image: url(img/h_bg.jpg) ;
				background-repeat: no-repeat;
				height: 160px;
				width: 1050px;
				margin: auto;
			}
			#shop{
				float: right;
				overflow: auto;
				width: 500px;
			}
			#shop li{
				float: left;
				list-style: none;
			}
			#shop li span{
				display: inline-block;
				width: 20px;
				height:20px;
				vertical-align: middle;
				background:url(img/icon.gif) no-repeat;
			}
			#shop li #s1{
				background-position: -4px -5px;
			}
			#shop li #s2{
				background-position: -46px -2px;
			}
			#shop li #s3{
				background-position: -92px -4px;
			}
			#shop li #s4{
				background-position: -133px -4px;
			}
			#welcome{
				font-size: 20px;
				overflow: auto;
				width: 600px;
				float: right;
			}
			#Navigation{
				overflow: auto;
				width: 800px;
			}
			#Navigation li{
				font-size: 15px;
				margin-top: -15px;
				padding:0px 15px;
				float:left;
				list-style: none;
			}
			a{
				text-decoration: none;
				color: #000000;
			}
			#a_login{
				text-decoration: none;
				color: #000000;
				border: #000000 solid 1px;
				border-radius: 40%;
				background-color: #DEB887;
			}
		</style>
	</head>
	<body>
		<div id="body">
			<div id="shop">
				<ul>
					<li>
						<span id="s1">
							
						</span>
						<a href="buy.html" target="_parent">购物车</a>
					</li>
					<li>
						<span id="s2">
							
						</span>
						<a href="Help.html" target="_parent">帮助中心</a>
					</li>
					<li>
						<span id="s3">
							
						</span>加入收藏
					</li>
					<li>
						<span id="s4">
							
						</span>设为首页
					</li>
					<li>
						<a id="a_login" href="login.html" target="_parent">登录</a>
						<a id="a_login" href="register.html" target="_parent">注册</a>
					</li>
				</ul>
			</div>
			<div id="welcome">
				<p>
				你好，欢迎访问贵美商城！2020年10月10日10点10分10秒
				</p>
			</div>
			<div id="Navigation">
				<ul>
					<li><a href="index.html" target="_parent">首页</a></li>
					<li>家用电器</li>
					<li>手机数码</li>
					<li>日用百货</li>
					<li>书籍</li>
					<li>帮助中心</li>
					<li>免费开店</li>
					<li>全球咨询</li>
				</ul>
			</div>
		</div>
	</body>
</html>
